<template>
  <div class="text-center font-bold ">登录</div>
  <div class="ml-6 mr-6">
    <el-form :model="loginInfo">
        <el-form-item label="账号/邮箱" >
          <el-input v-model="loginInfo.email"></el-input>
        </el-form-item>
      <el-form-item label="密码" >
        <el-input v-model="loginInfo.password" type="password"></el-input>
      </el-form-item>
      <el-form-item>
        <div class="float-left text-gray-400 hover:text-myRed-one" style="font-size: 10px">
          <input type="checkbox"> 记住密码
        </div>
        <div class="float-right text-gray-400 hover:text-myRed-one cursor-pointer" style="font-size: 10px" @click="goToRegister">注册</div>
      </el-form-item>
      <el-form-item class="text-center">
        <el-button type="danger" size="mini">登录</el-button>
      </el-form-item>
    </el-form>
    <div class="text-center text-gray-400 mb-5" style="font-size: 13px">合作账号</div>
    <div>
      <div class="float-left">
        <i class="iconfont icon-QQ cursor-pointer  text-blue-500" style="font-size: 25px"></i>
      </div>
      <div class="float-right">
        <i class="iconfont cursor-pointer icon-xinlangweibo text-red-600" style="font-size: 25px"></i>
      </div>
      <div class="text-center">
        <i class="iconfont cursor-pointer icon-wechat text-green-600" style="font-size: 25px"></i>
      </div>
      <div class="text-center mt-3" style="font-size: 10px">
        <span class="hover:text-myRed-one cursor-pointer" @click="goOtherWeb('https://hwawy.cn/')">Heaven's Blog</span>|
        <span class="hover:text-myRed-one cursor-pointer" @click="goToIndex">商城首页</span>|
        <span class="hover:text-myRed-one cursor-pointer">支付宝</span>|
        <span class="hover:text-myRed-one cursor-pointer" @click="goOtherWeb('https://www.kuaidi100.com/')">物流查询</span>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import {ref,Ref,reactive} from "vue";
import {useRouter} from "vue-router";
const $router = useRouter();
let loginInfo:object = reactive({email:'',password:''})

function goOtherWeb(e:string){
  window.location.href = e
}
function goToIndex() {
  $router.push({
    name: 'mobileIndex'
  })
}
function goToRegister(){
  $router.push({
    name: 'mRegister'
  })
}
</script>

<style scoped>
:deep(.el-input .el-input__inner){
  height: 30px;
}
:deep(.el-form-item){
  margin-bottom: 10px
}
</style>